.boxLoading
  width 100rpx
  height 100rpx
  margin 0 auto
  position relative
  left 0
  right 0
  top 0
  bottom 0
  &:before
    content ''
    width 100rpx
    height 10rpx
    background #000
    opacity 0.1
    position absolute
    top 108rpx
    left 0
    border-radius 50%
    animation shadow 0.5s linear infinite
    overflow hidden
  &:after
    content ''
    width 100rpx
    height 100rpx
    background #47CFF5
    animation animate 0.5s linear infinite
    position absolute
    top 0
    left 0
    border-radius 3px
    overflow hidden

@keyframes animate
  17%
    border-bottom-right-radius 3px
  25%
    transform translateY(9px) rotate(22.5deg)
  50%
    transform translateY(18px) scale(1, 0.9) rotate(45deg)
    border-bottom-right-radius 40px
  75%
    transform translateY(9px) rotate(67.5deg)
  100%
    transform translateY(0) rotate(90deg)

@keyframes shadow
  0%,
  100%
    transform scale(1, 1)
  50%
    transform scale(1.2, 1)